<template>
<div class="listbar"
@click='hasclick'>             
    <div>{{focusText}}</div>
    <div class="tip">
        {{disliberText}}
        <span class="iconfont iconjiantou1"></span>
     </div>      
</div>
    
</template>

<script>
export default {
    props:[
        "focusText",
        "disliberText" 
    ],
    methods:{
        hasclick(){
            this.$emit('checkclick')
        }
    }
}
</script>

<style lang='less' scoped>
.listbar {
padding-left: 20/360*100vw;
height: 48/360*100vw;
display: flex;
padding: 0;
margin-left: 20/360*100vw;
justify-content: space-between;
line-height:48/360*100vw;
border-bottom: 1px solid #cccccc;
align-items: center;
color: #333;
 .tip {
    color: #999;
    span {
        margin-right: 5px;
    }
 }
}

</style>